@import url('reset.css');
@import url('fonts.css');
@import url('datepicker.css');

html, body { background:#fff; margin:0px; padding:0px;  font-size:14px; color:#999;  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; letter-spacing:-0.5px; height:100%; } 



.loginBox { width: 530px; height:400px; background:#FFF; position:absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; overflow:hidden; }
.loginLogo { width:530px; text-align:center; margin-top:30px; margin-bottom:20px;}
.loginFormmsg { width:450px; height:50px; margin:0 auto; margin-bottom:20px; text-align:center; color:#006; font-size:14px; }
.loginTextArea { width:430px; margin:0 auto;}
.loginTextBox { width:203px; height:50px;}
.loginFormLabel { width:203px; height:30px; font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:14px; color:#999; border:0px; background:none; }

.loginFormText{ width:203px; height:50px; float:left; display:inline; background:#f2f2f2; margin-bottom:15px; }
.loginFormText > [type=text],[type=password] { width:190px; margin-top:10px; margin-left:7px; height:30px; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#666; border:0px; background:none; }

.loginFormButton { width:430px; margin:0px auto; }
.loginFormButton > [type=button] { width:430px; height:50px; cursor:pointer; border:0px; background:#F93; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#fff;  }
.loginFormButton > [type=button]:hover { background-color:#036; }


.loginFormButton { width:430px; margin:0px auto; }
.loginFormButton > [type=submit] { width:430px; height:50px; cursor:pointer; border:0px; background:#F93; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#fff;  }
.loginFormButton > [type=submit]:hover { background-color:#036; }

.loginFormAdd { width:430px; margin:30px auto;  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:12px; color:#999;}
.loginFormAdd a:link , a:visited { text-decoration:none; color:#999; }
.loginFormAdd a:hover { text-decoration:none; color:#999;}



.header { width:100%; height:90px; background:#f2f2f2; display:inline-block;}
.headerLogo { position:absolute; left:40px; top:20px; display:inline;}
.siteName { position:absolute; right:40px; top:30px;  font-family: 'OpenSans-ExtraBold', Arial, Helvetica, sans-serif ; font-size:20px; color:#036;}
.siteName span { font-size:28px; color:#666; font-family: 'OpenSans-Light', Arial, Helvetica, sans-serif ; }

.wrapper {width:100%; background:#fff; display:inline-block; padding-bottom:20px; padding-top:20px;}
.menu { width:280px; height:auto; margin-left:40px; padding-top:20px; padding-bottom:20px;  background:#f8f8f8; color:#036;}
.menu ul { width:280px; height:45px; color:#036; }
.menu li { width:280px; overflow:hidden; height:45px; margin-top:2px;  background:#ddd; color:#036;  float:left; display:block; font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:14px;  }

.menu li a:link {  background:#eee !important; color:#036; text-decoration:none; width:280px; height:45px; display:block; padding-left:15px; padding-top:15px;
 transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
.menu li a:visited {  background:#eee !important; color:#036; text-decoration:none; width:280px; height:45px; display:block; padding-left:15px; padding-top:15px;
 transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }
.menu li a:hover { background:#f2f2f2 !important; text-decoration:none; color:#036; width:250px;  display:block; padding-left:15px; padding-top:15px;}


.wrapperInside { width:60%; margin-left:20px; margin-bottom:30px; height:auto; padding:20px;  background:#f2f2f2; overflow:hidden;  }
.wrapperInsideCapture { width:100%; height:40px; font-family: 'OpenSans-ExtraBold', Arial, Helvetica, sans-serif ; font-size:20px; color:#036; border-bottom:1px solid #ddd;}

.wrapperInsideIcon { width:450px; height:100px; margin-bottom:30px; margin-left:80px; margin-top:30px; float:left; display:inline; text-decoration:none; }
.wrapperInsideIconImg { width:100px; height:100px;}
.wrapperInsideIconText { width:330px; padding-left:20px; margin-top:30px; font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:14px; color:#036; text-align:left; height:100px; } 
.wrapperInsideIconText h1 { font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:14px; color:#cc3333; text-align:left; } 




.wpForm { width:500px; padding-top:20px;  }


.wpFormLabelBox { width:500px; display:inline-block;  }

.wpFormLabel { width:500px; height:30px; font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:14px; color:#036; border:0px; background:none; }

.wpFormText{ width:495px; height:50px; float:left; display:inline-block; background:#fff; margin-bottom:15px;}
.wpFormText > [type=text],[type=password] { width:90%; margin-top:10px; margin-left:7px; height:30px; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#666; border:0px; background:none; }

.wpFormCheck{ width:30%; height:20px; float:left; display:inline;  margin-bottom:15px; }
.wpFormCheck input[type=checkbox]:not(old), .wpFormCheck input[type=radio   ]:not(old){ width: 28px; margin:0; padding:0; opacity:0; }
.wpFormCheck input[type=checkbox]:not(old) + label,
.wpFormCheck input[type=radio   ]:not(old) + label{ display: inline-block; margin-left  : -35px; padding-left : 28px;  background   : url('../images/checks.png') no-repeat 0 0; line-height  : 24px;}
.wpFormCheck input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; color:#036; }
.wpFormCheck input[type=radio]:not(old):checked + label{ background-position : 0 -48px; color:#036;}


.wpFormUpload  { width: 495px; height: 52px; margin-bottom: 15px;}
.NFI-button { width: 120px; height: 36px; background: #036; display: inline; overflow: hidden; cursor: pointer; color: #fff; text-align: center; padding-top: 16px;
-moz-border-radius-topleft: 8px; 
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-left-radius: 8px; 
border-bottom-left-radius: 8px;
}

.NFI-button:hover {
-moz-border-radius-topleft: 8px; 
-moz-border-radius-bottomleft: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
border-top-left-radius: 8px; 
border-bottom-left-radius: 8px;
width: 120px; height: 36px; background:#F93;  cursor: pointer; color: #fff; text-align: center; padding-top: 16px;	
}
.NFI-filename {
width: 364px; height: 50px; border: 1px solid #BBB; border-left: 0; color: #888; padding: 5px;  background:#fff;
-moz-border-radius-topright: 8px; 
-moz-border-radius-bottomright: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-top-right-radius: 8px; 
border-bottom-right-radius: 8px;
font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#666;
}


.wpFormButton { width:495px; }
.wpFormButton > [type=button] { width:495px; height:50px; cursor:pointer; border:0px; background:#F93; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#fff;  }
.wpFormButton > [type=button]:hover { background-color:#036; }
.wpFormButton > [type=submit] { width:495px; height:50px; cursor:pointer; border:0px; background:#F93; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:14px; color:#fff;  }
.wpFormButton > [type=submit]:hover { background-color:#036; }


.wpFormSelecet{ width:495px; height:50px; float:left; display:inline-block; background:#fff; margin-bottom:15px;}


.wpFormAdd { width:430px; margin:30px auto;  font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; font-size:12px; color:#999;}
.wpFormAdd a:link , a:visited { text-decoration:none; color:#999; }
.wpFormAdd a:hover { text-decoration:none; color:#999;}

.welldone { padding:0px 20px; margin:0 auto; width:400px; margin:40px auto; text-align:center;}
.welldone a:link {  font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:18px; color:#036; letter-spacing:-1px; text-decoration:none; }
.welldone a:visited {   font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:18px; color:#036;  letter-spacing:-1px; text-decoration:none;}
.welldone a:hover {  font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:18px; color:#F93; letter-spacing:-1px; text-decoration:none; }


.footer { width:100%; overflow:hidden;  background:#f2f2f2; display:inline-block; }
.footerText { font-family: 'OpenSans-Bold', Arial, Helvetica, sans-serif ; margin:40px 40px;  font-size:12px; color:#666; text-shadow:0px 1px 1px 0px #fff; overflow:hidden;}

.Ticon { margin-top:50px; width:40px; height:40px; float:left; display:inline;}
.Ticontext { margin-top:50px; width:120px; float:left; display:inline;}

.galleryInside { width:100%; background:#f2f2f2; overflow:hidden;  }
.gInsideImg { width:280px; display:inline; float:left; margin:5px; background:#fff; border:1px solid #fafafa; padding:40px;}
.gInsideImgT { width:200px; height:200px; margin:0 auto; }
.gInsideImg img { width:200px; height:200px;}

.gInsideName{ width:280px; margin-top:10px; margin-bottom:10px; text-align:center; font-family: 'OpenSans-Bold',Arial, Helvetica, sans-serif ; font-size:10px; color:#cc3333; letter-spacing:-0.5px; text-decoration:none; }


.gInsideEdit { width:60px; margin:0 auto; }
.gInsideEditIcon { width:30px; height:30px;  float:left; display:inline; } 
.gInsideEditIcon img { width:30px; height:30px;  }



